<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Message Board - 全球最小的网络社交平台</title>

<style type="text/css">
<!--

html{overflow-x: hidden;overflow-y: hidden;}

body{
	margin-left:auto; 
	margin-right:auto; 
	text-align:center;
	background:url(<%=Application(Session("Server") & "BG.png")%>);
	background-repeat:repeat;
}

a{color:#3CF;text-decoration:none;}
a:hover{color:#03C; text-decoration:underline;}

.ListItem{position:absolute; width:100%; height: 25%; left:0px; overflow:hidden; }

#divMain {
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-512px;
	width:1024px;
	height:614px;
	z-index:1;
}

.Content{
	position:absolute;
	bottom:0%;
	width:48%;
	left:40%;
	height:68%;
	overflow:visible;
}

/*CSS For Auto Align(IE6+,W3C)*/
#outer {height: 100%; overflow: visible; position: relative;width: 100%;}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%; left:50%;} /* for iexplorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static; left:0%;}
#inner {position: relative; top: -50%; margin: 0 auto;left: -50%;}/* for iexplorer only*/
#inner[id]{left: 0%;}
-->
</style>
<link type="text/css" rel="stylesheet" href="<%=Application(Session("Server") & "RoundedRect.css")%>"/>
<%if Instr(Lcase(Request.ServerVariables("HTTP_USER_AGENT")),"msie") > 0 then%>
<script type='text/javascript' src='<%=Application(Session("Server") & "IE7-js")%>'>IE7_PNG_SUFFIX = '-trans.png';</script>
<%end if%>
<script type="text/javascript" src="<%=Application(Session("Server") & "Common.js")%>" ></script>
<script type="text/javascript" language="javascript">
	// <![CDATA[
		function cacheImages(){
			var myImages = [	'<%=Application(Session("Server") & "Register-trans.png")%>', 
										'<%=Application(Session("Server") & "MessageBg-trans.png")%>', 
										'<%=Application(Session("Server") & "Login-trans.png")%>', 
										'<%=Application(Session("Server") & "Default.png")%>',
									   	'<%=Application(Session("Server") & "Music-48x48-trans.png")%>', 
									   	'<%=Application(Session("Server") & "Picture-48x48-trans.png")%>', 
									   	'<%=Application(Session("Server") & "FLV-48x48-trans.png")%>', 
									   	'<%=Application(Session("Server") & "SWF-48x48-trans.png")%>'
									   ];
			for (var i = 0; i != myImages.length; i++) {
				 var img = new Image();
				 img.src = myImages[i];
			}
		}
		
		function PlayMusic(n,url){
			H$("MusicPlayer").innerHTML = n + "<br/>" + "<embed height=30 type='application/x-shockwave-flash' align=left pluginspage='http://www.macromedia.com/go/getflashplayer' width=380 src='<%=Application(Session("Server") & "audioPlayer")%>?url=" +url+ "&amp;Autoplay=1&amp;loop=0' wmode='transparent'/>";
			//无节操播放器 H$("MusicPlayer").innerHTML = n + "<br/>" + "<embed wmode='transparent' src='<%=Application(Session("Server") & "audioPlayer")%>' quality='high' width='290' height='24' name='mp3player' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' flashvars='width=290&amp;height=24&amp;autostart=yes&amp;bg=0xffffff&amp;leftbg=0xFFBF00&amp;border=0xFFBF00&amp;text=0x333333&amp;soundFile="+url+"'>";
			flagFlashMusicPlayer=true;
			fadeInMusicPlayer();
		}
		
		function PlayBgMusic(){
			PlayMusic(" Theme: <%=Application(Session("Server") & "BgMusic_Title")%>","<%=Application(Session("Server") & "BgMusic")%>");
		}
		
	// ]]>
</script>
<script type="text/javascript" src="<%=Application(Session("Server") & "MainFrame.js")%>"></script>
</head>

<body onload="Window_Load();">
<center>
	<div id="Loading" style="position:absolute; z-index=65536; top:50%; left:50%; width:32px; height:32px; margin-left:-16px; margin-top:-16px"><img alt="Loading Conteng..." src="<%=Application(Session("Server") & "loading.gif")%>" /></div>
	<div id="divMain">
        <img id="Miku" src="<%=Application(Session("Server") & "Miku-24-trans.png")%>" style="position:absolute; left:0px; top:0px; height:614px; width:403px; z-index:-3" alt="" />
        <img id="TitleBar" src="<%=Application(Session("Server") & "TitleBar-trans.png")%>" style="position:absolute; left:336px; top:91px; width:628px; height:85px; z-index:1035;" alt="" />
        <div id="Padding" style="height:90%; top:0px; position:relative; overflow:visible;">
        	<div id="LoginNotify" style="height:5%; margin-top:0%; visibility:hidden; padding-right:12%; padding-top:7%; font-family:'微软雅黑'; font-size:16px; color:#3CF; font-weight:400;" align="right">
		    <%if Instr(Lcase(Request.ServerVariables("HTTP_USER_AGENT")),"msie") > 0 then%>
		    <a href='#' onclick='showAlert();'>Sorry, Old IE ! </a>  
		    <%end if%>
		    <%if len(session("Login"))>0 then%>
			Welcome,<%=session("Nickname")%> You can [  <a href="#" onclick="gotoLocation('PostMessage.asp');">Post</a>  |  <a href="#" onclick="gotoLocation('LogOut.asp');">Logout</a>  ] <a href="#" onclick="gotoLocation('help.html');">HELP!</a>
			<%else%>
		    <a href="#" onclick="gotoLocation('Login.asp');">Login</a> or <a href="#" onclick="gotoLocation('Register.asp');">Register</a> to have a Post! <a href="#" onclick="gotoLocation('help.html');"><font color="red">HELP!</font></a>
		    <%end if%>
        	</div>
            <div id="Displayer" class="Content" style="z-index:3; visibility:hidden; overflow:visible;" onmousedown="beginTrack();" onmouseup="endTrack();">
            	<div id="ListBox" style="position:relative; width:100%; height: 100%; top:0px; left:0px; overflow:visible;">
                	<div id="divItem0" class="ListItem" style="top:0%; ">
                        <b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b>
                        <div class="b d1 size1" style="position:relative;">
                        
                        </div>
                        <b class="b4b d1"></b><b class="b3b d1"></b><b class="b2b d1"></b><b class="b1b"></b>
                	</div>
                    <div id="divItem1" class="ListItem" style="top:25%;">
                        <b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b>
                        <div class="b d1 size1" style="position:relative">
                        
                        </div>
                        <b class="b4b d1"></b><b class="b3b d1"></b><b class="b2b d1"></b><b class="b1b"></b>
                	</div>
                    <div id="divItem2" class="ListItem" style="top:50%;">
                        <b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b>
                        <div class="b d1 size1" style="position:relative">
                        
                        </div>
                        <b class="b4b d1"></b><b class="b3b d1"></b><b class="b2b d1"></b><b class="b1b"></b>
                	</div>
                    <div id="divItem3" class="ListItem" style="top:75%;">
                        <b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b>
                        <div class="b d1 size1" style="position:relative">
                        
                        </div>
                        <b class="b4b d1"></b><b class="b3b d1"></b><b class="b2b d1"></b><b class="b1b"></b>
                	</div>
                    <div id="divItem4" class="ListItem" style="top:75%;">
                        <b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b>
                        <div class="b d1 size1" style="position:relative">

                        </div>
                        <b class="b4b d1"></b><b class="b3b d1"></b><b class="b2b d1"></b><b class="b1b"></b>
                	</div>
                </div>
            </div>
            <div id="divContent" class="Content" style="visibility:hidden; z-index:4; width:490px"></div>
        </div>
        <div id="W3CValidate" align="right" style="position:absolute; right:10%; bottom:1%; font-family:Comic Sans MS, cursive; font-size:14px; color:#666; z-index:300"></div>
		<div id="Footer" class="Content" style="width:43%; height:8%; font-family:'Comic Sans MS', cursive; font-size:14px; text-align:left; z-index:1033">
        	<div id="State"></div>
			<script type="text/javascript" language="javascript">
			// <![CDATA[
            var marqueeContent=new Array();
            marqueeContent[0]='Message Board by Hanenoshino BUPT-SSE 2011';
            marqueeContent[1]='Background Reference: Vocaloid.Miku (edited)';
            marqueeContent[2]='Browser Supported: Chrome, FireFox, Safari';
            marqueeContent[3]='Browser Supported: IE(Broken), Opera(Broken)';
            var marqueeInterval=new Array();
            var marqueeId=0;
            var marqueeDelay=1000;
            var marqueeHeight=18;
            function initMarquee() {var str=marqueeContent[0];document.write('<div id="marqueeBox" style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>'); startMarquee(); marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);}
            function startMarquee() {
				var str=marqueeContent[marqueeId];marqueeId++;
				if(marqueeId>=marqueeContent.length) marqueeId=0;
				if(H$("marqueeBox").childNodes.length==1) {
					var nextLine=document.createElement('DIV');
					nextLine.innerHTML=str;
					H$("marqueeBox").appendChild(nextLine);
				}else{
					H$("marqueeBox").childNodes[0].innerHTML=str;
					H$("marqueeBox").appendChild(H$("marqueeBox").childNodes[0]);
					H$("marqueeBox").scrollTop=5;
				}
				clearInterval(marqueeInterval[1]);
				marqueeInterval[1]=setInterval("scrollMarquee()",10);
            }
			function scrollMarquee(){
				H$("marqueeBox").scrollTop++;
				var marqueeBoxAlpha=(H$("marqueeBox").scrollTop-18)%marqueeHeight;
				Opacity(H$("marqueeBox").children[1],100-marqueeBoxAlpha/marqueeHeight*100);
				if(marqueeBoxAlpha==(marqueeHeight-1)){clearInterval(marqueeInterval[1]);}
            }
            initMarquee();
			// ]]>
            </script>
        </div>
        <div id="MusicPlayer" onmouseover="fadeInMusicPlayer();" onmouseout="fadeOutMusicPlayer();" class="Content" style="width:43%; height:10%; font-family:'微软雅黑', cursive; font-size:14px; text-align:left; z-index:6566"></div>
    </div>
</center>

<div id="DragMask" style=" visibility:hidden; background:#0C3; background-repeat:no-repeat; position:absolute; width:128px; height:128px; margin-left:-64px; margin-top:-64px; z-index:978; left:0%; top:0%;" onmouseup="endTrack();">
        <img id="ActionTop" src="<%=Application(Session("Server") & "ActionTop")%>" alt="Go Top" style=" visibility:hidden; position:absolute; top:0%; left:0%;" />
        <img id="ActionUp" src="<%=Application(Session("Server") & "ActionUp")%>" alt="Page Up" style=" visibility:hidden; position:absolute; top:0%; left:0%;"/>
        <img id="ActionBot" src="<%=Application(Session("Server") & "ActionBot")%>" alt="Go Bottom" style=" visibility:hidden; position:absolute; top:0%; left:0%;"/>
        <img id="ActionDown" src="<%=Application(Session("Server") & "ActionDown")%>" alt="Page Down" style=" visibility:hidden; position:absolute; top:0%; left:0%;"/>
</div>
<!--<div style="visibility:hidden; ">
	<script language='javascript' type='text/javascript' src='http://js.users.51.la/4205855.js'></script>
</div>-->
</body>
</html>
